<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>热搜榜</title>
    <link
      rel="stylesheet"
      href="../../static/css/unlogin-search.css"
      type="text/css"
      th:href="@{/static/css/unlogin-search.css}"
    />
    <link rel="stylesheet" href="../../static/customAlertConfirm/customAlertConfirm.css" th:href="@{/static/customAlertConfirm/customAlertConfirm.css}"/>
    <link rel="stylesheet" th:href="@{/static/css/iconfont01.css}" />
    <link rel="stylesheet" th:href="@{/static/css/common.css}" />
    <link rel="stylesheet" href="../../static/css/publishBlog.css" th:href="@{/static/css/publishBlog.css}">
    <script src="http://at.alicdn.com/t/c/font_4491347_2yk9xpti9hl.js"></script>
    <style type="text/css">
      .icon {
        width: 52px;
        height: 28px;
        vertical-align: top;
        fill: currentColor;
        overflow: hidden;
        font-size: 15px;
      }
    </style>

  </head>

  <body>

  <div th:replace="~{home::publishBlogBox}"></div>
    <div class="top" th:replace="~{hot::hotTop}">
      <div id="top">
        <!-- logo -->
        <div id="logo-search">
          <div class="logo">
            <img src="../../static/img/logo.png" alt="" />
          </div>
          <div class="top-search" th:replace="~{home::topSearch}">
            <span><i class="iconfont">&#xe623;</i></span>
            <input type="text" placeholder="请输入搜索内容" id="top-input" />
            <div class="search-list">
            </div>
          </div>
        </div>

        <!-- 各种功能 -->
        <div id="fn">
          <div class="home fn">
            <a class="icon" href="home.html"
              ><i class="iconfont">&#xe625;</i></a
            >
          </div>
          <div class="hot border fn">
            <a class="icon" href="hot.html"
              ><i class="iconfont">&#xe628;</i></a
            >
          </div>
          <div class="message fn">
            <a class="icon" href="message.html"
              ><i class="iconfont">&#xe908;</i></a
            >
          </div>
          <div class="private fn">
            <a class="icon" href="personalPage.html"
              ><i class="iconfont">&#xe60a;</i></a
            >
          </div>
        </div>
        <!-- 登录，设置等-->
        <div class="access" th:replace="~{home::access}">
          <div id="top-login">
            <button id="login-register-btn">登录/注册</button>
          </div>

          <div id="setting">
            <button id="top-setting-btn">
              <i class="iconfont">&#xe6d9; </i>
            </button>
          </div>
        </div>
      </div>
    </div>
    <div id="content">
      <div class="list">
        <p>热门</p>
        <ul>
          <a th:href="@{/blog/getIndexBlog(state=2)}">
            <span><i class="iconfont">&#xe6ac;</i></span
            >热门微博
          </a>
          <a class="color"  th:href="@{/blog/getHotBlog}">
            <span><i class="iconfont">&#xe631;</i></span>
            热搜榜
          </a>
          <a th:href="@{/blog/getTheLatestHotBlog}">
            <span><i class="iconfont">&#xe660;</i></span
            >热门榜单
          </a>
        </ul>
      </div>
      <div id="news">
          <div class="new" th:each="hot,list:${hotLabelList}">
            <div class="top-box" th:if="${list.count}==1"> <span class="new-list"  >
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-top23"></use>
            </svg>
          </span>
              <a class="new-title" th:text="${hot}" th:href="@{/blog/skipToBlog(label=${hot})}">习近平总书记同密克罗尼西亚联邦总统西米纳会谈</a>
            </div>

            <div class="top-box" th:if="${list.count}==2"> <span class="new-list"  >
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-top24"></use>
            </svg>
          </span>
              <a class="new-title" th:text="${hot}" th:href="@{/blog/skipToBlog(label=${hot})}">习近平总书记同密克罗尼西亚联邦总统西米纳会谈</a>
            </div>
            <div class="top-box" th:if="${list.count}==3"> <span class="new-list"  >
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-top29"></use>
            </svg>
          </span>
              <a class="new-title" th:text="${hot}" th:href="@{/blog/skipToBlog(label=${hot})}"></a>
            </div>

            <div class="top-box" th:if="${list.count}>3">
              <div class="new-list-content"><div class="new-listbox"    th:text="${list.count}">1</div></div>
              <a class="new-title" th:text="${hot}" th:href="@{/blog/skipToBlog(label=${hot})}">习近平总书记同密克罗尼西亚联邦总统西米纳会谈</a>
            </div>
          </div>
        <p class="none">已经到底了</p>





        </div>


      <div id="right-bar" >
        <div id="hot" class="hotright">
          <div class="hot-top">
            <div class="hot-top-content"><p>热搜</p></div>
            <div class="refresh"><i class="iconfont">&#xe661;</i>点击刷新</div>
          </div>
          <div class="allHotList">

            <a href="" class="all-hot"><div>查看完整榜单</div></a>
          </div>

          <a class="return-top" href="#">
            <i class="iconfont">&#xea7d;</i>
          </a>
        </div>

      </div>
    </div>
  </body>
  <script
          type="text/javascript"
          src="../../static/js/jquery3.7.1.min.js"
          th:src="@{/static/js/jquery3.7.1.min.js}"
  ></script>
  <script
          type="text/javascript"
          src="../../static/js/personalPage-publish.js"
          th:src="@{/static/js/personalPage-publish.js}"
  ></script>
  <script
          type="text/javascript"
          src="../../static/js/personalPage-publish.js"
          th:src="@{/static/js/common.js}"
  ></script>
  <script
          type="text/javascript"
          src="../../static/js/personalPage-publish.js"
          th:src="@{/static/js/hot-search.js}"
  ></script>

</html>
